<template>
  <div>
    <div class="num">团队人数总计:3</div>

    <my-table :th="th" >
      <tr v-for="(items,index) in td" :key="index">
        <td>{{index+1}}</td>
        <td v-for="(item ,index) in items" :key="index">{{item}}</td>
        <td>查看订单</td>
      </tr>
      
    </my-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      th: ["ID", "手机号", "姓名", "级别", "所属区域", "操作"],

      td: [
        {
          num: "13433565630",
          name: "梁红丽",
          lv: "大客户",
          area: "四川省 成都市 武侯区",
        },
        {
          num: "11454244771",
          name: "张翰",
          lv: "大客户",
          area: "四川省 成都市 武侯区",
        },
        {
          num: "13452052151",
          name: "诸葛",
          lv: "大客户",
          area: "四川省 成都市 武侯区",
        },
      ],
    };
  },
};
</script>

<style scoped lang='less'>
.num {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 270px;
  margin: 10px 0;
}
</style>